<!doctype html>
<html>
<head>
	<meta charset="utf-8">
    <meta name="aplus-terminal" content="1"/>
    <meta name="keywords" content="SHOPDZ" />
	<meta name="apple-mobile-web-app-title" content="SHOPDZ"/>
	<meta name="apple-mobile-web-app-capable" content="yes"/>
	<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
	<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"/>
	<title>分类</title>
	<link rel="shortcut icon" href="favicon.ico">
	<link rel="stylesheet" href="css/reset.css" />
	<link rel="stylesheet" href="css/style.css" />
	<link rel="stylesheet" href="css/common.css" />
	<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
	<script type="text/javascript" src="js/iscroll.js"></script>
	<script type="text/javascript">
		var myScroll;
		function loaded() {
			myScroll = new iScroll('tabItemCon,tabBodyCon');
		}
	</script>

</head>

<body>
	<div class="wrapper">
		<div class="title2">
			<h1>全部分类</h1>
		</div>
		<!--分类tab切换开始-->
		<div class="TabMain">
			<div id="tabItemCon">
				<ul class="tabItemContainer scroller">
					<li><a class="tabItemCurrent">为您推荐</a></li>
					<li><a>女装</a></li>
					<li><a>男装</a></li>
					<li><a>男鞋</a></li>
					<li><a>内衣</a></li>
					<li><a>母婴</a></li>
					<li><a>女装</a></li>
					<li><a>数码</a></li>
					<li><a>家电</a></li>
					<li><a>男装</a></li>
					<li><a>男鞋</a></li>
					<li><a>内衣</a></li>
					<li><a>母婴</a></li>
					<li><a>女装</a></li>
					<li><a>数码</a></li>
					<li><a>家电</a></li>
					<li><a>男装</a></li>
					<li><a>男鞋</a></li>
					<li><a>内衣</a></li>
					<li><a>母婴</a></li>
					<li><a>女装</a></li>
					<li><a>数码</a></li>
					<li><a>家电</a></li>
				</ul>
			</div>
			<div class="tabBodyContainer" id="tabBodyCon">
				<div class="tabBodyItem tabBodyCurrent scroller">
					<ul class="listul1">
		                <li>
		                   <a href="#">
		                        <div class="tab-img">
		                            <img src="img/cart-img.png">
		                        </div>
		                        <p class="tab-desc">手机配件</p>
		                    </a>
		                </li>
		                <li>
		                   <a href="#">
		                        <div class="tab-img">
		                            <img src="img//focus4.jpg">
		                        </div>
		                        <p class="tab-desc">手机配件</p>
		                    </a>
		                </li>
		                <li>
		                   <a href="#">
		                        <div class="tab-img">
		                            <img src="img/cart-img.png">
		                        </div>
		                        <p class="tab-desc">手机配件</p>
		                    </a>
		                </li>
		                <li>
		                   <a href="#">
		                        <div class="tab-img">
		                            <img src="img/cart-img.png">
		                        </div>
		                        <p class="tab-desc">手机配件</p>
		                    </a>
		                </li>
		                <li>
		                   <a href="#">
		                        <div class="tab-img">
		                            <img src="img/cart-img.png">
		                        </div>
		                        <p class="tab-desc">手机配件</p>
		                    </a>
		                </li>
		                <li>
		                   <a href="#">
		                        <div class="tab-img">
		                            <img src="img/cart-img.png">
		                        </div>
		                        <p class="tab-desc">手机配件</p>
		                    </a>
		                </li>
		                <li>
		                   <a href="#">
		                        <div class="tab-img">
		                            <img src="img/cart-img.png">
		                        </div>
		                        <p class="tab-desc">手机配件</p>
		                    </a>
		                </li>
		                <li>
		                   <a href="#">
		                        <div class="tab-img">
		                            <img src="img/cart-img.png">
		                        </div>
		                        <p class="tab-desc">手机配件</p>
		                    </a>
		                </li>
		                <li>
		                   <a href="#">
		                        <div class="tab-img">
		                            <img src="img/cart-img.png">
		                        </div>
		                        <p class="tab-desc">手机配件</p>
		                    </a>
		                </li>
		                <li>
		                   <a href="#">
		                        <div class="tab-img">
		                            <img src="img/cart-img.png">
		                        </div>
		                        <p class="tab-desc">手机配件</p>
		                    </a>
		                </li>
		                <li>
		                   <a href="#">
		                        <div class="tab-img">
		                            <img src="img/cart-img.png">
		                        </div>
		                        <p class="tab-desc">手机配件</p>
		                    </a>
		                </li>
		                <li>
		                   <a href="#">
		                        <div class="tab-img">
		                            <img src="img/cart-img.png">
		                        </div>
		                        <p class="tab-desc">手机配件</p>
		                    </a>
		                </li>
		                <li>
		                   <a href="#">
		                        <div class="tab-img">
		                            <img src="img/cart-img.png">
		                        </div>
		                        <p class="tab-desc">手机配件</p>
		                    </a>
		                </li>
		                <li>
		                   <a href="#">
		                        <div class="tab-img">
		                            <img src="img/cart-img.png">
		                        </div>
		                        <p class="tab-desc">手机配件</p>
		                    </a>
		                </li>
		                <li>
		                   <a href="#">
		                        <div class="tab-img">
		                            <img src="img/cart-img.png">
		                        </div>
		                        <p class="tab-desc">手机配件</p>
		                    </a>
		                </li>
		                <li>
		                   <a href="#">
		                        <div class="tab-img">
		                            <img src="img/cart-img.png">
		                        </div>
		                        <p class="tab-desc">手机配件</p>
		                    </a>
		                </li>
		                <li>
		                   <a href="#">
		                        <div class="tab-img">
		                            <img src="img/cart-img.png">
		                        </div>
		                        <p class="tab-desc">手机配件</p>
		                    </a>
		                </li>
		                <li>
		                   <a href="#">
		                        <div class="tab-img">
		                            <img src="img/cart-img.png">
		                        </div>
		                        <p class="tab-desc">手机配件</p>
		                    </a>
		                </li>
		                
		                <li>
		                   <a href="#">
		                        <div class="tab-img">
		                            <img src="img/cart-img.png">
		                        </div>
		                        <p class="tab-desc">手机配件</p>
		                    </a>
		                </li>
		            </ul>
				</div>
				<div class="tabBodyItem">
					<ul class="listul1">
		                <li>
		                   <a href="#">
		                        <div class="tab-img">
		                            <img src="img/cart-img.png">
		                        </div>
		                        <p class="tab-desc">手机配件</p>
		                    </a>
		                </li>
		            </ul>
				</div>
				
				<div class="tabBodyItem">
					<ul class="listul1">
		                <li>
		                   <a href="#">
		                        <div class="tab-img">
		                            <img src="img/cart-img.png">
		                        </div>
		                        <p class="tab-desc">手机配件</p>
		                    </a>
		                </li>
		            </ul>
				</div>
				<div class="tabBodyItem">
					<ul class="listul1">
		                <li>
		                   <a href="#">
		                        <div class="tab-img">
		                            <img src="img/cart-img.png">
		                        </div>
		                        <p class="tab-desc">手机配件</p>
		                    </a>
		                </li>
		            
		                <li>
		                   <a href="#">
		                        <div class="tab-img">
		                            <img src="img/cart-img.png">
		                        </div>
		                        <p class="tab-desc">手机配件</p>
		                    </a>
		                </li>
		            </ul>
				</div>
				<div class="tabBodyItem">
					<ul class="listul1">
		                <li>
		                   <a href="#">
		                        <div class="tab-img">
		                            <img src="img/cart-img.png">
		                        </div>
		                        <p class="tab-desc">手机配件</p>
		                    </a>
		                </li>
		                <li>
		                   <a href="#">
		                        <div class="tab-img">
		                            <img src="img/cart-img.png">
		                        </div>
		                        <p class="tab-desc">手机配件</p>
		                    </a>
		                </li>
		            </ul>
				</div>
				<div class="tabBodyItem">
					<ul class="listul1">
		                <li>
		                   <a href="#">
		                        <div class="tab-img">
		                            <img src="img/cart-img.png">
		                        </div>
		                        <p class="tab-desc">手机配件</p>
		                    </a>
		                </li>
		            	<li>
		                   <a href="#">
		                        <div class="tab-img">
		                            <img src="img/cart-img.png">
		                        </div>
		                        <p class="tab-desc">手机配件</p>
		                    </a>
		                </li>
		                <li>
		                   <a href="#">
		                        <div class="tab-img">
		                            <img src="img/cart-img.png">
		                        </div>
		                        <p class="tab-desc">手机配件</p>
		                    </a>
		                </li>
		            </ul>
				</div>
				<div class="tabBodyItem">
					<ul class="listul1">
		                <li>
		                   <a href="#">
		                        <div class="tab-img">
		                            <img src="img/cart-img.png">
		                        </div>
		                        <p class="tab-desc">手机配件</p>
		                    </a>
		                </li>
		                <li>
		                   <a href="#">
		                        <div class="tab-img">
		                            <img src="img/cart-img.png">
		                        </div>
		                        <p class="tab-desc">手机配件</p>
		                    </a>
		                </li>
		            </ul>
				</div>
				<div class="tabBodyItem">
					<ul class="listul1">
		                <li>
		                   <a href="#">
		                        <div class="tab-img">
		                            <img src="img/cart-img.png">
		                        </div>
		                        <p class="tab-desc">手机配件</p>
		                    </a>
		                </li>
		                <li>
		                    <a href="#">
		                        <div class="tab-img">
		                            <img src="img/cart-img.png">
		                        </div>
		                        <p class="tab-desc">手机配件</p>
		                    </a>
		                </li>
		                <li>
		                    <a href="#">
		                        <div class="tab-img">
		                            <img src="img/cart-img.png">
		                        </div>
		                    
		                    	<p class="tab-desc">手机配件</p>
		                    </a>
		                </li>
		                <li>
		                   <a href="#">
		                        <div class="tab-img">
		                            <img src="img/cart-img.png">
		                        </div>
		                        <p class="tab-desc">手机配件</p>
		                    </a>
		                </li>
		            
		                <li>
		                   <a href="#">
		                        <div class="tab-img">
		                            <img src="img/cart-img.png">
		                        </div>
		                        <p class="tab-desc">手机配件</p>
		                    </a>
		                </li>
		            
		                <li>
		                    <a href="#">
		                        <div class="tab-img">
		                            <img src="img/focus1.jpg">
		                        </div>
		                        <p class="tab-desc">手机配件</p>
		                    </a>
		                </li>
		            </ul>
				</div>
				<div class="tabBodyItem">
					<ul class="listul1">
		                <li>
		                   <a href="#">
		                        <div class="tab-img">
		                            <img src="img/cart-img.png">
		                        </div>
		                        <p class="tab-desc">手机配件</p>
		                    </a>
		                </li>
		                <li>
		                    <a href="#">
		                        <div class="tab-img">
		                            <img src="img/cart-img.png">
		                        </div>
		                        <p class="tab-desc">手机配件</p>
		                    </a>
		                </li>
		                <li>
		                    <a href="#">
		                        <div class="tab-img">
		                            <img src="img/cart-img.png">
		                        </div>
		                    
		                    	<p class="tab-desc">手机配件</p>
		                    </a>
		                </li>
		                <li>
		                   <a href="#">
		                        <div class="tab-img">
		                            <img src="img/cart-img.png">
		                        </div>
		                        <p class="tab-desc">手机配件</p>
		                    </a>
		                </li>
		            
		                <li>
		                   <a href="#">
		                        <div class="tab-img">
		                            <img src="img/cart-img.png">
		                        </div>
		                        <p class="tab-desc">手机配件</p>
		                    </a>
		                </li>
		            
		                <li>
		                    <a href="#">
		                        <div class="tab-img">
		                            <img src="img/cart-img.png">
		                        </div>
		                        <p class="tab-desc">手机配件</p>
		                    </a>
		                </li>
		            </ul>
				</div>
			</div>
		</div>
		<!--分类tab切换结束-->
	</div>
</body>
<script type="text/javascript" src="http://www.pengyaou.com/jquery-1.4.min.js"></script>
<script type="text/javascript">
	$(document).ready(function(e) {
	SidebarTabHandler.Init();
});
var SidebarTabHandler={
	Init:function(){
		$(".tabItemContainer>li").click(function(){
			$(".tabItemContainer>li>a").removeClass("tabItemCurrent");
			$(".tabBodyItem").removeClass("tabBodyCurrent");
			$(this).find("a").addClass("tabItemCurrent");
			$($(".tabBodyItem")[$(this).index()]).addClass("tabBodyCurrent");
		});
	}
}

		function tabImg(){
			var tabImgW=$(".tab-img").width();
			$(".tab-img").height(tabImgW);
		}
		tabImg();
</script>
</html>
